$assets-path: "/assets/images/"

@function asset($url)
  @return url($assets-path + $url)

/**!
  * Position
  */

@mixin fixed($top: auto, $left: auto, $right: auto, $bottom: auto, $width: 100%, $height: 100%)
  position: fixed
  top: $top
  left: $left
  bottom: $bottom
  right: $right
  width: $width
  height: $height
  transform: translateZ(0)

@mixin absolute($top: auto, $left: auto, $right: auto, $bottom: auto, $width: 100%, $height: 100%)
  position: absolute
  top: $top
  left: $left
  bottom: $bottom
  right: $right
  width: $width
  height: $height


@mixin blur($px: 3px)
  filter: asset("blur.svg#blur")
  -webkit-filter: blur($px)
  filter: blur($px)

/**!
  * Display
  */

@mixin flex($direction: row, $wrap: nowrap, $align: flex-start, $justify: flex-start)
  display: flex
  flex-direction: $direction
  flex-wrap: $wrap
  align-items: $align
  justify-content: $justify

@mixin flex-item($width)
  flex: 0 0 $width


@mixin font()
  font-family: 'Open Sans', sans-serif
  // font-family: 'Kanit', sans-serif
  // font-family: 'Lato', sans-serif
  


@mixin breakpoint($breakpoint)
  @media (max-width: $breakpoint)
    @content


@mixin breakpoint-up($breakpoint)
  @media (min-width: $breakpoint + 0.01)
    @content

@mixin ellipsis
  overflow: hidden
  text-overflow: ellipsis
  white-space: nowrap

@mixin clear
  position: relative
  clear: both
  display: block
  content: ''

@mixin bg-gradiant($color1, $color2)
  background: rgba($color1,1)
  background: -moz-linear-gradient(-45deg, rgba($color1,1) 0%, rgba($color2,1) 100%)
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba($color1,1)), color-stop(100%, rgba($color2,1)))
  background: -webkit-linear-gradient(-45deg, rgba($color1,1) 0%, rgba($color2,1) 100%)
  background: -o-linear-gradient(-45deg, rgba($color1,1) 0%, rgba($color2,1) 100%)
  background: -ms-linear-gradient(-45deg, rgba($color1,1) 0%, rgba($color2,1) 100%)
  background: linear-gradient(135deg, rgba($color1,1) 0%, rgba($color2,1) 100%)
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91e842', endColorstr='#d2ff52', GradientType=1 )